<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>句容机关工委网站管理后台</title>
        <!--                       CSS                       --><!-- Reset Stylesheet -->
        <link rel="stylesheet" href="../style/reset.css" type="text/css" media="screen" />
        <!-- Main Stylesheet -->
        <link rel="stylesheet" href="../style/style.css" type="text/css" media="screen" />
        <!-- Invalid Stylesheet. This makes stuff look pretty. Remove it if you want the CSS completely valid -->
        <link rel="stylesheet" href="../style/invalid.css" type="text/css" media="screen" />
        <link rel="stylesheet" href="../js-plugin/uploadify/uploadify.css" type="text/css" media="screen" />
        <link rel="stylesheet" href="../js-plugin/jquery-ui/jquery-ui.css" type="text/css" />
        <link rel="stylesheet" href="../style/msgbox.css" type="text/css" />
        <!--                       Javascripts                       --><!-- jQuery -->
        <script type="text/javascript" src="../js-plugin/jquery-1.6.min.js">
        </script>
        <script type="text/javascript" src="../js-plugin/jquery-ui/jquery-ui.min.js">
        </script>
        <!-- jQuery Configuration -->
        <script type="text/javascript" src="../js-plugin/simpla.jquery.configuration.js">
        </script>
        <!-- confirm jQuery Plugin -->
        <script src="../js-plugin/jquery.easy-confirm-dialog.js">
        </script>
        <script type="text/javascript" src="../js-plugin/jquery.form.js">
        </script>
        <script type="text/javascript" src="../js-plugin/jquery.validate.min.js">
        </script>
        <script type="text/javascript" src="../js-plugin/additional-methods.min.js">
        </script>
        <!-- SWF UPLOAD -->
        <script type="text/javascript" src="../js-plugin/uploadify/jquery.uploadify.v2.1.4.min.js">
        </script>
        <script type="text/javascript" src="../js-plugin/uploadify/swfobject.js">
        </script>
        <script src="../js-plugin/jquery.easy-confirm-dialog.js">
        </script>
        <script type="text/javascript" src="../js-plugin/jquery.form.js">
        </script>
        <script type="text/javascript" src="../js-plugin/jquery.template.js">
        </script>
        <script src="../js-plugin/tpl.js">
        </script>
        <script src="../js/master/AlbumEdit.js">
        </script>
        <style>
            .button_fix {
                margin: -2px 0 0 10px;
            }
            
            .main_photo_div {
                text-align: center
            }
            
            .main_photo {
                background: url(/images/manage/none.png) no-repeat;
                width: 160px;
                height: 120px;
                margin: auto;
            }
            
            .textarea {
                height: 107px;
            }
            
            #photo-preview li {
                list-style: none;
                float: left;
                margin: 0 5px 5px 5px;
            }
            
            #photo-preview li img {
                margin: 0 auto 2px auto;
                width: 100px;
                height: 100px;
                border: 2px #CCC solid;
            }
            
            #photo-preview li p {
                text-align: center;
            }
            
            #photo-preview li span {
                display: block;
                margin: 0 5px 5px 5px;
            }
            
            form .error {
                background: none;
                color: #FF3300;
            }
        </style>
    </head>
    <body>
    	<input id="albumId" value="${album.id}" type="hidden" />
		<input id="albumphoto" value="${(album.photo)!}" type="hidden" />
        <div class="loadingbox clearfix">
        </div>
        <div id="main-content">
            <div class="content-box">
                <!-- Start Content Box -->
                <div class="content-box-header">
                    <h3>网站图集管理</h3>
                    <div class="bulk-actions align-right20">
                        <a class="button button_fix" href="AlbumList">返回图集列表</a>
                        <a class="button button_fix resetFrom" href="#">继续添加</a>
                        <strong></strong>
                        <a class="button button_fix saveBtn" href="#">保存图集</a>
                    </div>
                    <div class="clear">
                    </div>
                </div>
                <!-- End .content-box-header -->
                <div class="content-box-content">
                    <div class="tab-content default-tab">
                        <!-- This is the target div. id must match the href of this div's tab -->
                        <div class="notification attention png_bg post-state" style="display:none">
                            <a href="#" class="close"><img src="/images/manage/icons/cross_grey_small.png" title="Close this notification" alt="close" /></a>
                            <div id="errormsg">
                                错误信息
                            </div>
                        </div>
                        <div>
                            <!---   start list -->
                            <form id="albumEditor" action="/action/master/AlbumSave" method="post">
                                <p>
                                    <label class="inline">
                                        图集标题
                                    </label>
                                    <input class="text-input large-input" type="text" id="title" name="title" value="${(album.title)!}" /><input type="hidden" id="id" name="id" value="${(album.id?c)!}" />
                                </p>
                                <div class="content-box column-left26">
                                    <div class="content-box-header">
                                        <h3>图集封面</h3>
                                    </div>
                                    <div class="content-box-content">
                                        <div class="tab-content default-tab main_photo_div">
                                            <img src="/images/manage/blank.gif" class="main_photo" />
                                        </div>
                                    </div>
                                </div>
                                <div class="content-box column-right70">
                                    <div class="content-box-header"><h3>图集说明</h3></div>
                                    <div class="content-box-content">
                                        <div class="tab-content default-tab">
                                            <textarea class="text-input textarea" id="content" name="content">${(album.content)!}</textarea>
                                        </div>
                                    </div>
                                </div>
                                <input type="hidden" id="identifies" value="${session.id}" />
                            </form>
                            <div class="clear">
                            </div>
                            <!---    end list   --->
                            <div class="notification attention png_bg attachmentMSG" style="display:none">
                                <a href="#" class="close"><img src="/images/manage/icons/cross_grey_small.png" title="Close this notification" alt="close" /></a>
                                <div id="attachment_msg">
                                </div>
                            </div>
                            <!---   start list -->
                            <div class="content-box">
                                <div class="content-box-header">
                                    <h3>图集文件</h3>
                                    <div class="bulk-actions align-right20">
                                        <input id="images_file" name="file_upload" type="file" style="display:none;"/>
                                    </div>
                                    <div class="clear">
                                    </div>
                                </div>
                                <div id="status-message">
                                </div>
                                <div id="custom-queue">
                                </div>
                                <div class="content-box-content">
                                    <div id="photo-preview">
                                        <#if (album.id)?exists><#list photos.list(album.id?number) as photo>
                                        <li>
                                            <img src="${(photo.thumbpath)!}" />
                                            <br/>
                                            <input name="photo" id="photo" class="setphoto" type="radio" value="${(photo.thumbpath)!}" />设为图集封面
                                            <br/>
                                            <p>
                                                <a href="${(photo.id?c)!}" class="button delphoto" title="您确定删除该图片么？"> 删除图片 </a>
                                            </p>
                                        </li>
                                        </#list></#if>
                                    </div>
                                    <div class="clear">
                                    </div>
                                </div>
                            </div>
                            <!---    end list   --->
                        </div>
                    </div>
                    <!-- End #tab1 -->
                </div>
                <!-- End .content-box-content -->
            </div>
        </div>
        <div id="photo-preview-tpl" style="display:none;">
            <li>
                <img src="" />
                <br/>
                <input name="photo" id="photo" class="setphoto" type="radio" value="" />设为图集封面
                <br/>
                <p>
                    <a href="0" class="button delphoto" title="您确定删除该图片么？"> 删除图片 </a>
                </p>
            </li>
        </div>
    </body>
</html>
